<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>文本处理标签</title>
    </head>
    <body>
<!--    空格折叠现象：将连续多个空格与换行都折叠城一个空格进行显示-->
        第二个网页        内容 <br>
<!-- 文本基础效果标签-->
        <b>文字粗体</b> <br>
        <i>文字斜体</i> <br>
        <u>文字下划线</u> <br>
        <s>文字删除线</s> <br>
        <mark>文字标记</mark>   <br>
<!--    转义符号-->
        我最喜欢吃&lt;tom&gt;做的&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;红烧肉
<!--标题标签 加粗 修改字号 有垂直方向的行间距 内容独占一行-->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
<!--    段落标签 内容独占一行 有垂直方向行间距 -->
    <p>段落标签</p>
    <p>段落标签</p>
    <p>段落标签</p>
<!--hr 一条水平的灰色分割线 -->
<hr>
<!--    假文 输入lorem后按tab补全 无意义，用来充数的文字-->
lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab accusamus adipisci aliquam amet animi aperiam asperiores atque autem consectetur consequatur consequuntur cumque delectus dicta dignissimos distinctio doloremque ducimus eaque eius eligendienim eos error est eum expedita facilis fuga f
<!--有序列表 ol-->
<ol type="none">
    <li>起锅开火</li>
    <li>把水烧开</li>
    <li>放牛进去</li>
    <li>放点盐</li>

</ol >
<!--无序列表 ul-->
    <ul type="none">
        <li>《Think in Java》</li>
        <li>《Java从入门到放弃》</li>
        <li>《如何合理收复日本海峡》</li>
    </ul>
<hr>
    <ul type="none">
        <li>热菜
            <ol >
                <li>西红柿牛腩</li>
                <li>水煮肉片</li>
                <li>宫保鸡丁</li>
                <li>溜肉段</li>
            </ol>
        </li>
        <li>凉菜
            <ol>
                <li>拍黄瓜</li>
                <li>凉拌三丝</li>
                <li>皮蛋豆腐</li>
            </ol>
        </li>
        <li>主食
            <ol>
                <li>米饭</li>
                <li>馒头</li>
            </ol>
        </li>
    </ul>
<hr>
    <h1>个人简历</h1>
    <h3>基本信息</h3>
        <p>姓名:<b>传奇哥</b></p>
        <p>性别：男</p>
        <p>爱好：<s>摄影女</s></p>
    <h3>个人经历</h3>
        <ul>
            <li>小学9年</li>
            <li>中学12年</li>
            <li>大学3年</li>
        </ul>
    <h3>获得荣誉</h3>
        <ol>
            <li>机甲收集达人</li>
            <li>玩偶姐姐</li>
        </ol>
    </body>
</html>